<template>
     <div>
       {{msg}}  <br/>
         <!-- 遍历数组 -->
       <div v-for="site in sites">
         {{site.name}}
       </div>
       <!--遍历对象 -->
       <div v-for="(value,key,index) in object">
           {{key}}  >>> {{value}}  >>> {{index}}
       </div>

      <!-- v-for 也可以循环整数 -->
        <div v-for="n in 10">
          {{n}}
        </div>


     </div>
</template>

<script>
export default {
    name : 'Xunhuan',
     data() {
       return {
         msg: 'Xunhuan !!!',
         sites: [
              { name: 'Runoob' },
              { name: 'Google' },
              { name: 'Taobao' }
            ],
           object: {
                  name: '菜鸟教程',
                  url: 'http://www.runoob.com',
                  slogan: '学的不仅是技术，更是梦想！'
            }

       }
     },

  }
</script>

<style>
</style>
